---
title: "map · RUAL Documentation"
description: "Basic map"
canonical: https://docs.rual.nl/block-types/google maps/component_googlemaps_map
language: en
---

# map

This block is part of the [`google maps`](https://docs.rual.nl/block-types/google%20maps) group and was last modified in core [`v11.2.5`](https://docs.rual.nl/core-versions/110205).

Basic map

- Token required `value` Enter the google maps token

- Latitude required `number` The default center latitude location.

- Longitude required `number` The default center longitude location

- Zoom required `number` The default zoom level

- Map type `value` The type of map to display.

- Default UI `condition` When false, the default controls are hidden.

Default `true`

- Cluster Markers `condition` When true, all the markers on the map will be clustered together if they are close enough together.

- Cluster Max Zoom `number` When fully zoomed out max zoom is the amount of zoom levels you can zoom in on the map (so 20 is 20 clicks on the +)

Default `20`

- Cluster Grid Size `number` The grid size of a cluster in pixels.

Default `40`

- Cluster icons `array` An Array with MAX 5 images for the cluster icons. Items in array needs to be Array with values. IMAGES NEEDS TO BE SMALLER THAN 100PX

Default `[]`

- Cluster Text Color `value` Color of the cluster text

Default `black`

- Cluster Text Size `number` Size of the cluster text

Default `12`

- Draggable `condition` When false, you will not be able to drag the map.

Default `true`

- Map Type Control `condition` When false, you will not be able to toggle between map types • Hidden when other fields are filled

Default `true`

- StreetView Control `condition` Hidden when other fields are filled

Default `true`

- Zoom Control `condition` Hidden when other fields are filled

Default `true`

- Use scrollwheel `condition` Hidden when other fields are filled

Default `true`

- Background Color `value` This color will be visible when tiles have not yet loaded as the user pans.

- Cluster icons width `number` Set the width of the images • Shown when 'cluster-icons' is filled

Default `50`

- Cluster icons height `number` Set the height of the images • Shown when 'cluster-icons' is filled

Default `50`

- uicomponent `uicomponent`

A typical wiring for [map](https://docs.rual.nl/block-types/google%20maps/component_googlemaps_map): [value](https://docs.rual.nl/block-types/value/value_default) feeds the `co-token` pin; [value](https://docs.rual.nl/block-types/value/value_default) feeds the `co-latitude` pin; [value](https://docs.rual.nl/block-types/value/value_default) feeds the `co-longitude` pin; [number](https://docs.rual.nl/block-types/number/number_default) feeds the `latitude` pin; [number](https://docs.rual.nl/block-types/number/number_default) feeds the `longitude` pin; [number](https://docs.rual.nl/block-types/number/number_default) feeds the `co-zoom` pin; the `uicomponent` out pin feeds [build PDF](https://docs.rual.nl/block-types/files/file_generate_pdf).

![Studio canvas example for the map block: typical wiring for map.](https://docs.rual.nl/canvas-examples/component_googlemaps_map.png)

### Version history

Introduced in [`v11.2.5`](https://docs.rual.nl/core-versions/110205).